iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 6
0
自我挑戰組

前端成長日記系列 第 6

課程地圖(下)

  • 分享至 

  • xImage
  •  

今天繼續紀錄資策會「前端設計工程師」養成班的課程地圖:

程式

  • PHP(90hrs)
    最一開始學習的程式語言倒是PHP這個後端語言,一些最核心的程式語言概念都是在這時候打下基礎,變數、函式、流程控制等等。後續學習到如何運用PHP處理前端submit、AJAX傳來的資料,再寫sql語言去資料庫查詢並傳回前端。

舉個例子,使用者想要查詢當月15日有甚麼活動,這時候可以透過表單傳送'15'這個參數到後端,後端語言(如PHP)便可以拿著這個參數,去資料庫中查到特定活動,再傳回前端呈現在網頁上。

  • JavaScript(42hrs)
    JS所學到的,便是操作HTML上的各個物件。JS可以在瀏覽器解析好HTML後,再將其做改變,也可以藉由偵聽頁面事件,給予使用者回饋,例如滑鼠、鍵盤等事件。這一塊剛學的時候蠻困惑的,甚至覺得學不起來,直到後來學jQuery再回來看才通。

  • jQuery(30hrs)

$("選擇器").on("事件",function(){
 //函式
})

以上是jQuery最基礎的「公式」,也就是先選擇頁面元素,註冊事件,每當事件發生時就執行函式。

學到這階段後,由於最後要完成一個具一定規模的團體專案,所以進入系統分析的課程。這一塊是純前端出發的網頁開發者比較缺乏的概念,但是在專案初期是相當重要的。

系統分析(60hrs)

這一段偏理論,在眾多loading重的課程當中相對愜意。系統分析得完整,可以讓專案順利許多,也能讓團隊成員對需求的理解趨向一致。不會說真的到寫code時才發現錯誤,到時彌補所要花費的成本將會是設計階段的多倍。系統分析有如下幾個階段:

  • 使用者案例:網站有哪些功能?如: 買票
  • 作業流程:定義買票流程,如: 註冊、查看票券、放入購物車、確認訂單、購買。
  • User Story:從使用者的角度出發,以「使用者」為開頭的動作句描述。例如:
    「使用者可以按下放入購物車的鍵,將票券放入購物車」
    「使用者可以在購物車查看自己選擇的票券」
    「使用者可以在購物車中修改票券數量」
    「使用者可以刪除購物車中的票券」...這些句子會定義出要撰寫哪些程式,也作為驗收時的項目清單。
  • ERM:定義專案中的實體以及其屬性,據此設計出資料庫。
  • 表格規格描述:描述表格有那些欄位,其pk(Primary key), fk(foriegn key)

資料庫(30hrs)

這部分學習到資料庫的概念,如Table(表格)和SQL語法。SQL語法主要是用來創建表格和查詢出表格中的資料,以實現網站增(create)、刪(delete)、查(select)、改(update)的需求。舉例來說,當使用者註冊新帳戶時,前端會傳入「會員名稱」、「密碼」等資料,後端語言就會把這些資料新增到「會員」這張表格中,成為一筆資料。之後當這位會員登入時,只要查詢會員表格中是否有相符合的一筆資料,若有則讓這位會員登入。

以上就是資策會5.5個月所學習的內容。東西非常多,必須要很自律才能好好掌握,雖然很累但很充實!


上一篇
課程地圖(上)
下一篇
網頁的軀幹:HTML
系列文
前端成長日記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言